<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表达式</title>
</head>
<body>
    <div id="example-2">
        <p>原始message：{{message}}</p>
        <p>{{ message.split("").reverse().join("")}}</p>
        <p>原始numMsg:{{numMsg}}</p>
        <p>{{ numMsg + 1}}</p>
        <p>原始booleanMsg:{{booleanMsg}}</p>
        <p>{{booleanMsg ? "hello vue.js!" : "hello java!"}}</p>
    </div>


<script src="../lib/vue.js"></script>
<script>
    /*
    * 在vue.js中，在数据绑定内支持全功能的javascript表达式
    * */
    var data = {
        message : "hello vue.js",
        numMsg :　1,
        booleanMsg : false
    }

    var exampleVm = new Vue({
        el : "#example-2",
        data : data
    })
</script>
</body>
</html>